<script setup lang="ts">
import { RouterView } from 'vue-router'
</script>

<template>
  <RouterView v-slot="{ route, Component }">
    <transition
      :enter-active-class="`animate__animated ${route.meta.transition}`"
      leave-active-class="animate__animated animate__fadeOut"
    >
      <component :is="Component" class="dom-scale" id="dom-scale"></component>
    </transition>
  </RouterView>
</template>

<style scoped></style>
